<template>
  <view class="mine">
    <view class="bg">
      <image
        src="https://sht3.81890.org.cn/81890app/static/cs-bg.png"
        class="bgImage"
      />
    </view>
    <view class="mine-header">
      <u-avatar src="https://sht3.81890.org.cn/81890app/static/mine/touxiang.png" mode="square"></u-avatar>
      <view class="mine-info">
        <view class="name">游客</view>
        <view class="counts">
          <view class="item">
            <view class="count">
              20
            </view>
            <view class="itemName">
              卡券
            </view>
          </view>
          <view class="item">
            <view class="count">
              20
            </view>
            <view class="itemName">
              积分
            </view>
          </view>
        </view>

      </view>
    </view>
    <!-- <view class="swiperDiv">
      <uni-swiper-dot
        class="uni-swiper-dot-box"
        :current="bannerCurrent"
        :dots-styles="dotsStyles"
        mode="round"
        field="content"
        :info="bannerList"
      >
        <swiper class="swiper" circular :autoplay="true" @change="bannerChange">
          <template>
            <swiper-item v-for="item in bannerList" :key="item.id">
              <image class="swiper-item" :src="item.imgUrl" />
            </swiper-item>
          </template>
        </swiper>
      </uni-swiper-dot>
    </view> -->
    <view class="mine-content">
      <view class="title">我的功能</view>
      <view class="actionList">
        <view class="actionItem">
          <view class="actionItem-icon" @click="handleAddress">
          </view>
          <view class="actionItem-name">收货地址</view>
        </view>
        <view class="actionItem" @click="handleSend">
          <view class="actionItem-icon">
          </view>
          <view class="actionItem-name">赠送记录</view>
        </view>
        <view class="actionItem">
          <view class="actionItem-icon">
          </view>
          <view class="actionItem-name">完善资料</view>
        </view>
        <view class="actionItem">
          <view class="actionItem-icon">
          </view>
          <view class="actionItem-name">用户协议</view>
        </view>
        <view class="actionItem">
          <view class="actionItem-icon">
          </view>
          <view class="actionItem-name">在线客服</view>
        </view>
        <view class="actionItem">
          <view class="actionItem-icon">
          </view>
          <view class="actionItem-name">加盟咨询</view>
        </view>
        <view class="actionItem">
          <view class="actionItem-icon">
          </view>
          <view class="actionItem-name">关于我们</view>
        </view>
        <view class="actionItem">
          <view class="actionItem-icon">
          </view>
          <view class="actionItem-name">退出登录</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
// import { getUserInfo } from '@/api/login';
export default {
  data() {
    return {
      count: 1
    };
  },
  methods: {
    handleAddress() {
      uni.navigateTo({
        url: '/pages/mine/addressList/addressList'
      });
    },
    handleSend() {
      uni.navigateTo({
        url: '/pages/mine/sendLog/sendLog'
      });
    }
  },
  computed: {

  },
  watch: {

  },
  // 页面周期函数--监听页面加载
  onLoad() {
    // getUserInfo().then(res => {

    // });
  },
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示
  onShow() {},
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {},
  // 页面处理函数--监听用户下拉动作
  onPullDownRefresh() {},
  // 页面上拉触底事件的处理函数
  onReachBottom() {},
  // 用户点击右上角分享
  onShareAppMessage() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  onPageScroll(e) {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
